html, body { font-size: 100%; margin: 0; padding: 0; background-color: #eeeeee; width: 100%; overflow-x: hidden }
html { height: 100% }
body { padding: 10px; min-height: 100% }
a { color: #333; }
a:hover { color: #06C; text-decoration: none; }
ul, li { list-style: none; }
/* 元素 */
.u-box { padding: 20px; background-color: #FFFFFF; }
.u-sep10 { height: 10px; }
.f-container { margin-bottom: 20px; }
/* 头部 */
.g-hd { border-top: solid 3px rgba(0,0,0,0.7); position: relative; }
.m-logo { text-align:center; line-height: 20px;  }
.m-nav { position: absolute; left:20px; top:20px; }
.m-nav a { background: center center no-repeat transparent; background-image: url(); display: block; width: 20px; height: 20px; background-size: 20px 15px; }
/* 幻灯片 */
.g-slide { padding: 10px; background-color: #FFFFFF; }
.g-slide li { height: 150px; overflow: hidden; }
.g-slide img { height: 150px; width: 100%; }
/* 区块 */
.m-box { }
.m-box h3 { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.m-box .tips { padding-top: 10px; line-height: 25px; font-size: 90%; }
.m-box .tips img { max-width:100%; height:auto}
.m-box .lst { padding-top: 10px; font-size: 90%; }
.m-box .lst li { line-height: 35px; height: 35px; overflow: hidden; position: relative; border-bottom:1px solid #eee;}
.m-box .lst li a { display:block;padding-left:10px; padding-right:10px;  }
.m-box .pic-lst { padding-top: 10px; font-size: 90%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; overflow: hidden; }
.m-box .pic-lst ul { position: relative; }
.m-box .pic-lst li { margin-top: 10px; }
.m-box .pic-lst li div { line-height: 120%; padding-top: 5px; height: 17px; overflow: hidden; }
.m-box .pic-lst li img { width: 100%; height: 100px; }
/* 底部 */
.g-fb { text-align: center; color: #666; font-size: 70%; line-height: 120%; }
.g-fb .tool { line-height: 22px; }
.g-fb .tool a { margin-left: 5px; margin-right: 5px; }
/* 面包屑导航 */
.m-crumb { overflow: hidden; line-height: 1.5; zoom: 1; padding-top:10px; padding-bottom:10px;}
.m-crumb ul {}
.m-crumb li { float: left; word-wrap: normal; white-space: nowrap; }
.m-crumb li i { display: inline-block; *display:inline;
*zoom:1;
width: 20px; text-align: center; font-size: 12px; color: #ccc; font-family: \5b8b\4f53; }
/* 分页 */
.m-page { margin-left:auto; margin-right:auto; clear:both; overflow:hidden; padding:10px 20px ;}
.m-page a {padding-left:5px; padding-right:5px; height:30px; line-height:30px;  margin-right:4px;  text-decoration:none; }
.m-page span {height:30px; line-height:30px;  margin-right:5px; color:#cd1a1c }
/* 导航菜单 - 插件保持原有命名规则 */
#sb-site { width: 100%; min-height: 100%; padding: 10px; position: relative; z-index: 1; background-color: #eeeeee }
.sb-slidebar { width: 35%; height: 100%; overflow-y: auto; position: fixed; top: 0; z-index: 0; visibility: hidden; background-color: #312f2f; }
html.sb-android .sb-slidebar { height: auto; position: absolute }
.sb-left { left: 0 }
.sb-right { right: 0 }
html.sb-active-left .sb-left { visibility: visible }
html.sb-active-right .sb-right { visibility: visible }
@media(max-width:480px) {
.sb-slidebar { width: 70% }
}
@media(min-width:481px) and (max-width:991px) {
.sb-slidebar { width: 50% }
}
@media(min-width:992px) {
.sb-slidebar { width: 35% }
}
@media(min-width:1200px) {
.sb-slidebar { width: 20% }
}
html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left; -webkit-backface-visibility: hidden }
.sb-slidebar ul { padding-top: 10px; }
.sb-slidebar li + li { margin-top: 12px; }
.sb-slidebar li a { padding: 10px 10px; display: block; color: #CCC; }
.sb-slidebar li a:hover { background-color: #cd1a1c;}
.sb-slidebar li .current { background-color: #cd1a1c; }
.sb-slidebar .title { color:#666; font-size:16px; line-height:35px; padding:5px 10px; border-bottom:1px solid #333}
